export default {
    install(Vue) {
        // 全局注册过滤器
        Vue.filter('mySlice', function(value) {
            return value.slice(0, 4)
        })

        // 全局注册自定义指令
        // Vue.directive('big', function(element, binding) {
        //     element.innerText = binding.value * 10
        //     console.log('big')
        // })

        Vue.directive('fbind', {
            // 指令预元素成功绑定时（一上来）
            bind(element, bingding) {
                console.log('@@ fbind 指令绑定成功', element, bingding)
                element.value = bingding.value
            },
            // 指令所在元素被插入页面时
            inserted(element, bingding) {
                console.log('@@ 元素被插入页面', element, bingding)
                element.focus()
            },
            // 指令所在的模板被重新解析时
            update(element, bingding) {
                console.log('@@ 模板被重新解析', element, bingding)
                element.value = bingding.value
                element.focus()
            }
        })
    }
}